ActionCardButton
The ActionCardButton is used to add a button the the ActionCardContent footer.
It has 4 variants being 'next'
, 'primary'
, 'black primary'
, 'secondary'
. They can be seen below.
info
The 'black primary'
variant is preferred over 'primary'
to keep a consistent design.
#
Usage<ActionCardButton variant="black primary"> Button <ActionCardButton>
#
PropsName | Type | Default | Description |
---|---|---|---|
variant | 'next' , 'primary' , 'black primary' , 'secondary' | next | Button Variant |
onPress | function () => any | undefined | Callback that is called when pressing the button |
disabled | boolean | undefined | Makes the button unclickable |
label | string , JSX.Element , JSX.Element[] | undefined | The content inside the button. Usually just a string. |
children | string , JSX.Element , JSX.Element[] | undefined | Alternative to using the label prop |
color | string | undefined | Overrides the button's color (Should only be used as user feedback) |